<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script th:src="@{/js/jquery-1.12.4.js}"></script>
</head>
<body>
    <h1>商品类别管理</h1>
    <h3>准备通过商品微服务，加载商品类别列表。</h3>
    <ol id="myCategory"></ol>
    <script>
        $(function (){
           $.ajax({
              url:"http://api.shopping.com/api/item/category/list/0",
              type:"get",
              dataType:"json",
              success:function (data){
                  $.each(data,function (index,category){
                      //根据category 中的名称创建li （列表项），添加到有序列表中
                      $("<li>"+category.name+"</li>").appendTo("#myCategory");
                  });
              }
           });
        });
    </script>
</body>
</html>